// 公共模块-userbar
.user-bar {
    background-color: #444444;
    width: 100%;
    z-index: 100;
    padding: 10px 0;
    text-align: left; // box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    transition: all 0.2s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    .bar-items {
        ul {
            li {
                position: relative;
                border-radius: 4px;
                padding: 6px 10px 6px 28px;
                margin-left: 10px;
                display: inline-block;
                font-size: 14px;
                font-weight: 600;
                color: #ffffff;
                i {
                    position: absolute;
                    left: 11px;
                    top: 11px;
                }
                a:link,
                a:visited {
                    color: #ffffff;
                }
            }
            li.active {
                a:link,
                a:visited {
                    color: #ffffff;
                }
                background-color: $color-primary;
            }
            li.active:hover {
                background-color: $color-primary;
            }
            li:hover {
                background-color: #555;
            }
        }
    }
}